<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>付款</title>
	<link rel="shoutcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/pay.css">	
</head>
<body>
	<!--  顶栏 top Start -->
	<div class="ugo_pay_top">
		<div class="w">
			<div class="left fl">
				<a href="#">您好!AngusChan</a>
				<span class="line"></span>
				<a href="#">退出</a>
			</div>
			<div class="right fr">
				<ul class="about_my">
					<li><a href="#">我的订单</a></li>
					<li><a href="#">我的优购</a></li>
					<li><a href="#">帮助中心</a></li>
					<li><a href="#">消息</a></li>
					<li><a href="#" class="phone">手机版</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!--  顶栏 top End -->

	<!--  logo logo Start -->
	<div class="ugo_pay_logo w">
		<div class="left fl">
			<img src="images/homelogo.png" alt="logo">
		</div>
		<div class="right fr">
			<div class="line"></div>
			<div class="first_step step">
				<span>我的购物车</span>
			</div>
			<div class="second_step step">
				<span>提交订单</span>
			</div>
			<div class="third_step step active">
				<span>选择支付方式</span>
			</div>
		</div>
	</div>
	<!--  logo logo End -->

	<!--  付款方式 pattern Start -->
	<div class="ugo_pay_pattern w">
		<div class="tip clearfix">
			<div class="left fl">
				<p class="order_number">订单提交成功，请尽快付款！订单号：<span class="number">2016101801288</span></p>
				<p class="hour_24">请您在提交订单后<span>24小时</span>内完成支付，否则订单会自动取消。</p>
			</div>
			<div class="right fr">
				<p class="money">
				应付金额<span>5569.00</span>元
				</p>
				<div class="order_details">
					<div id="order">
						<span>订单详情</span><ins></ins>
					</div>
					<div class="see_order" id="see_order">
						<div class="address">
							<div class="receipt_address fl">收货地址：</div>
							<p class="address_info fl">
								上海市浦东新区航头镇航都路18号  收货人：Anus  18801925678
							</p>
						</div>
						<div class="product">
							<div class="name fl">商品名称：</div>
							<ul class="info fl">
								<li>【包邮包税】美国直邮 Louis Vuitton/女士 棕色 中号</li>
								<li>【包邮包税】美国直邮 Louis Vuitton/女士 棕色 中号</li>
								<li>【包邮包税】美国直邮 Louis Vuitton/女士 棕色 中号</li>
								<li>【包邮包税】美国直邮 Louis Vuitton/女士 棕色 中号</li>
								
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pay">
			<div class="bank_card clearfix">
				<p class="title">选择支付方式</p>
				<div class="left fl">
					<div class="confirm_pay tick"></div>
					<span>银行卡</span>
				</div>
				<div class="center fl">
					<div class="card_list fl">
						<div class="current_card" id="current_card">
							<img src="images/zhaoshang.png">
							<span class="card_num">信用卡(8909)</span>
							<span class="limit">单笔限额5万</span>
						</div>
					<ul class="select_card" id="select_card">
						<li>
						<img src="images/zhaoshang.png">
						<span class="card_num">信用卡(8909)</span>
						<span class="limit">单笔限额5万</span>
						</li>
						<li>
						<img src="images/china.png">
						<span class="card_num">借记卡(7018)</span>
						<span class="limit">单笔限额8万</span>
						</li>
						<li>
						<img src="images/zhaoshang.png">
						<span class="card_num">信用卡(8888)</span>
						<span class="limit">单笔限额88万</span>
						</li>
					</ul>
					</div>
					<div class="change_card" id="change_card"></div>
					<!-- <input type="button" class="change_card"> -->
				</div>
				<div class="right fl">
					<span>+添加新卡</span>
				</div>
			</div>
			<div class="other_pay clearfix">
				<p class="title">其他支付方式</p>
				<ul class="pattern">
					<li class="aliPay">
					<span class="select_pay_pattern"></span>
					<div><img src="images/aliPay.png"></div>
					</li>
					<li class="wechatPay">
					<span class="select_pay_pattern"></span>
					<div><img src="images/wechatPay.png"></div>
					</li>
					<li class="unionPay">
					<span class="select_pay_pattern"></span>
					<div><img src="images/unionPay.png"></div>
					</li>
				</ul>
			</div>
			<p class="pay_money">支付金额：<span>￥5569.00</span></p>
			<button class="now_pay">立即支付</button>
		</div>
	</div>
	<!--  付款方式 pattern End -->

	<!--footer开始-->
	<div class="ugo_footer ">
    <div class="w ">
        <div class="footerwap clearfix">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册与登录</a></dd>
                <dd><a href="#">账户信息维护</a></dd>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员体系</a></dd>
                <dd><a href="#">常见问题</a></dd>
            </dl>
            <dl>
                <dt>订单服务</dt>
                <dd><a href="#">订单状态说明</a></dd>
                <dd><a href="#">自动取消订单</a></dd>
                <dd><a href="#">上传身份证</a></dd>
            </dl>
            <dl>
                <dt>支付与配送</dt>
                <dd><a href="#">支付方式</a></dd>
                <dd><a href="#">优惠券和红包</a></dd>
                <dd><a href="#">如何提现</a></dd>
                <dd><a href="#">配送方式</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">消费维权</a></dd>
                <dd><a href="#">纠纷处理</a></dd>
                <dd><a href="#">退货规则</a></dd>
            </dl>
            <div class="footer_title">
                <a href="#" class="footer_logo">优购</a>
                <p>关注我们</p>
                <a href="#" class="footer_wx" title="微信">微信</a>
                <a href="#" class="footer_wb" title="微博">微博</a>
            </div>
        </div>
        <div class="footerlink">
            <a href="#">关于我们</a>|<a href="#">联系我们</a>| <a href="#">商家入驻</a>|<a href="#">商家入驻</a>| <a href="#">商家入驻</a>| <a href="#">商家入驻</a>|<a href="#">商家入驻</a>
        </div>
    </div>
	</div>
	<!--footer结束-->

	<!--  引入js文件 Start -->
	<script src="lib/jquery.js"></script>
	<script src="js/pay.js"></script>
	<!--  引入js文件 End -->
</body>
</html>